<template>
	<view class="uni-container">
		
		<view class="tab5Style" @click="toSetting()">
			<view style="display: flex; flex-direction: row;">
				<image src="../../static/others/setting.png" class="leftImage"></image>
				<view style="margin-left: 10rpx;">用户设置</view>
			</view>
			<uni-icons type="right"></uni-icons>
		</view>
		
		<view class="tab5Style" @click="toSearch()">
			<view style="display: flex; flex-direction: row;">
				<image src="../../static/others/search.png" class="leftImage"></image>
				<view style="margin-left: 10rpx;">相关查询</view>
			</view>
			<uni-icons type="right"></uni-icons>
		</view>
		
		<view class="tab5Style" @click="toHelp()">
			<view style="display: flex; flex-direction: row;">
				<image src="../../static/others/help.png" class="leftImage"></image>
				<view style="margin-left: 10rpx;">用户指南</view>
			</view>
			<uni-icons type="right"></uni-icons>
		</view>
		
		<view class="tab5Style" @click="toAbout()">
			<view style="display: flex; flex-direction: row;">
				<image src="../../static/others/about.png" class="leftImage"></image>
				<view style="margin-left: 10rpx;">关于作者</view>
			</view>
			<uni-icons type="right"></uni-icons>
		</view>
		
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			toSetting(){
				uni.navigateTo({
					url:"/pages/settingList/settingList"
				})
			},
			toSearch(){
				uni.navigateTo({
					url:"/pages/search/search"
				})
			},
			toHelp(){
				uni.navigateTo({
					url:"/pages/helper/helper"
				})
			},
			toAbout(){
				uni.navigateTo({
					url:"/pages/about/about"
				})
			},
		}
	}
</script>

<style lang="scss">
.tab5Style{
	background-color: white;
	display: flex;
	flex-direction: row;
	height: 60rpx;
	align-items: center;
	margin: 10rpx;
	padding: 10rpx;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.leftImage{
	width: 40rpx;
	height: 40rpx;
}
.top{
	margin-top: 20rpx;
}

.uni-container {
    padding: 15rpx;
    background-color: #F8F8F8;
}
</style>
